<template>
    <div class="da">
        <my-header class="pos">
            商品详情
        </my-header>
        <div v-for="(item,index) in shopList" :key="index" @click="$router.history.push('/shop/'+item._id+'.html')">
            <h3>{{item.shopTypeName}}</h3>
            <img  style="width: 100px;display: block" :src="'/api'+item.shopPic" alt="">
        </div>
    </div>
</template>

<script>
    export default {
        name: "ShopList",
        data(){
            return{
                shopList:[]
            }
        },
        async mounted() {
         const {shopList}= await this.$axios.get("shopList/"+this.$route.params.shopTypeId)
            this.shopList=shopList

        }
    }
</script>

<style scoped>
    .da{
        padding-top: 45px;
    }

</style>